$(function () {
  getDataList(0);
  loaded();
  getHeight();
  //滚动条
  function loaded() {
    var myScroll;
    myScroll = new IScroll('#wrapper', {
      eventPassthrough: true,
      scrollX: true,
      scrollY: false,
      preventDefault: false
    });
  }
  //获取滚动条信息
  $.ajax({
    method: 'get',
    url: 'http://193.112.55.79:9090/api/getbaicaijiatitle',
    dataType: 'json',
    success: function (res) {
      if (res.result.length != 0) {
        // 渲染数据
        var html = template("meau", res.result);
        // 生成结构
        $("#scroller").html(html);
      }
    }
  })
  //获取白菜数据
  function getDataList(id) {
    $.ajax({
      method: 'get',
      url: 'http://193.112.55.79:9090/api/getbaicaijiaproduct',
      data: {
        titleid: id
      },
      dataType: 'json',
      success: function (res) {
        if (res.result.length != 0) {
          // 渲染数据
          var html = template("dataData", res.result);
          // 生成结构
          $("#dataList").html(html);
        }
      }
    })
  }
  //返回顶部
  $('.toTop').click(function () {
    $('html,body').stop().animate({
      scrollTop: 0
    });
  });
  //点击顶部按钮
  $("#scroller").on('click', 'li', function () {
    //样式切换
    $(this).addClass("active").siblings().removeClass('active');
    var id = $(this).attr("id");
    //获取当前选中的菜单id
    getDataList(id);
  })

  //动态获取头部的高度
  window.onresize = function () {
    getHeight();
  }

  function getHeight() {
    setInterval(() => {
      var h = document.querySelector(".pageHeader").clientHeight;
      document.querySelector(".main").style.paddingTop = h + "px";
    }, 200);
  }
})